<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度一下，你就知道</title>
    <link rel="icon" href="./recourse/image/baidupicture.jpeg">
    <link rel="stylesheet" href="baidu.css">
</head>

<body>
    <div class="top">
        <!-- 左导航 -->
        <div class="top-left">
            <div class="top-left-text">
                <a href="">新闻</a>
            </div>
            <div class="top-left-text">
                <a href="">hao123</a>
            </div>
            <div class="top-left-text">
                <a href="">地图</a>
            </div>
            <div class="top-left-text">
                <a href="">贴吧</a>
            </div>
            <div class="top-left-text">
                <a href="">视频</a>
            </div>
            <div class="top-left-text">
                <a href="">图片</a>
            </div>
            <div class="top-left-text">
                <a href="">网盘</a>
            </div>
            <div class="top-left-text">
                <a href="">更多</a>
            </div>
        </div>
        <!-- 右导航 -->
        <div class="top-right">
            <div class="top-right-text" style="margin-right:0, 24px, 0, 0;">
                <span class="top-right-settings">设置</span>
                <div class="top-right-login">
                    <a href="">登录</a>
                </div>

            </div>
        </div>
    </div>
    <div class="body">
        <div class="body-logo">
            <a href="">
                <img src="/WebStudy/recourse/image/baidu.png" alt="百度图片" width="250px">
            </a>
        </div>

        <div class="body-search">
            <input type="text" name="" id="">
            <div class="body-search-button">
                <input type="button" value="百度一下">
            </div>
        </div>
        <div class="body-recommend">
            <div class="body-recomend-hotSearch">
                百度热搜
                <span style="float:right; color:#626675; font-size:13px;">换一换</span>
            </div>
            <div class="body-recommend-list1">
                <ul>
                    <li>
                        <span style="color: #fe2d46; font-size: 15px;">1&nbsp;</span>
                        <a class="body-recommend-list1-a" href="">中央向实际种粮农民发100亿元补贴&nbsp;</a>
                        <span class="body-recommend-list1-logo">&nbsp;热&nbsp;</span>
                    </li>
                    <li>
                        <span style="color: #ff6600; font-size: 15px;">2&nbsp;</span>
                        <a class="body-recommend-list1-a" href="">刘德华回应奥迪广告涉嫌抄袭&nbsp;</a>
                        <span class="body-recommend-list1-logo">&nbsp;热&nbsp;</span>
                    </li>
                    <li>
                        <span style="color: #faa963; font-size: 15px;">3&nbsp;</span>
                        <a class="body-recommend-list1-a" href="">北京增本土感染者94例 社会面17例&nbsp;</a>
                        <span class="body-recommend-list1-logo">&nbsp;热&nbsp;</span>
                    </li>
                </ul>
            </div>
            <div class="body-recommend-list2">
                <ul>
                    <li>
                        <span style="font-size: 15px;">4&nbsp;</span>
                        <a class="body-recommend-list2-a" href="">袁隆平逝世一周年</a>
                    </li>
                    <li>
                        <span style="font-size: 15px;">5&nbsp;</span>
                        <a class="body-recommend-list2-a" href="">山东一废品站发现康熙年间红衣大炮</a>
                    </li>
                    <li>
                        <span style="font-size: 15px;">6&nbsp;</span>
                        <a class="body-recommend-list2-a" href="">男子悬赏百万寻子 为孩子备了3套房</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>

<footer class="end">
    <a href="">关于百度</a>
    <a href="">About Baidu</a>
    <a href="">使用百度前必读</a>
    <a href="">帮助中心</a>
    <a href="">京公网安备11000002000001</a>
    <a href="">京ICP证030173号</a>
    <a href="">&copy2022 Baidu</a>
    <a href="">互联网药品信息服务资格证书 (京)-经营性-2017-0020</a>
    <a href="">信息网络传播视听节目许可证 0110516</a>
</footer>

        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
        <script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/jquery.scrollto@2.1.2/jquery.scrollTo.min.js"></script>
        <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>

</html>